@import "custom.scss";

#spinner {
	color: red;
}

.logo {
	color: white;
}
.logo .dot {
	color: gray;
}

.external-link::after {
	content: "";
	background: url("/arrow-up-right.svg") no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	display: inline-block;
	background-size: 16px;
	background-position-y: 3px;
	opacity: 0.5;
}
.Resizer {
	background: #000;
	opacity: .2;
	z-index: 1;
	box-sizing: border-box;
	background-clip: padding-box;
}
.Resizer:hover {
	transition: all 2s ease;
}
.Resizer.horizontal {
	height: 11px;
	margin: -5px 0;
	border-top: 5px solid rgba(255, 255, 255, 0);
	border-bottom: 5px solid rgba(255, 255, 255, 0);
	cursor: row-resize;
	width: 100%;
}
.Resizer.horizontal:hover {
	border-top: 5px solid rgba(0, 0, 0, 0.5);
	border-bottom: 5px solid rgba(0, 0, 0, 0.5);
}
.Resizer.vertical {
	width: 11px;
	margin: 0 -5px;
	border-left: 5px solid rgba(255, 255, 255, 0);
	border-right: 5px solid rgba(255, 255, 255, 0);
	cursor: col-resize;
}
.Resizer.vertical:hover {
	border-left: 5px solid rgba(0, 0, 0, 0.5);
	border-right: 5px solid rgba(0, 0, 0, 0.5);
}
.Resizer.disabled {
	cursor: not-allowed;
}
.Resizer.disabled:hover {
	border-color: transparent;
}

/*
Custom addition: Set Height of SplitPane to fix scrolling when Header is present
*/
.SplitPane {
	height: calc(100% - 56px) !important;
}
